iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 1
0

參考之前去課的大鋼:
大概有這幾項:

壹、設計源起-【 http://www.uigreat.com/group/8/thread/3225
一、前言背景-【為何會想做這個?時代演變?需求增加?問題狀況的產生?還是統計數據、分析趨勢…等資料】
二、動機目的-【希望解決什麼問題、改善什麼狀況、提升什麼功能,先用「敘述式或條列式」說明】
三、用戶調查分析-【使用者故事USER STORY、人物誌、情境故事法、同理心地圖、AEIOU觀察法】
貮、設計發展策略
一、競品分析-【與現有市場APP做比較:優缺點、特色…等】
二、SWOT分析-【本產品APP的優勢、劣勢、機會、威脅,也可以和競爭者一起比較】
三、目標對象-【利用市場區隔(S)、目標市場(T)、市場定位(P),找出目標族群對象及定位】
四、設計原則-【表達設計方向、風格、原則,以關鍵字為搭配圖文說明】
參、創作設計說明-【http://www.uigreat.com/group/8/thread/3186 】
一、設計發想-【心智圖 Mind map、合成手稿圖 】
二、產品說明-【簡介說明、品牌標語】
三、情緒版-【找出和主題內容相符合的圖片並排列整合】
四、品牌形象-【利用「關鍵字」,表達想傳遞的訊息與理念…等】
五、核心價值-【說明產品的優勢與特色】
肆、設計規範展示
一、APP 圖標LOGO-【設計理念與圖、CIS模版一張】http://www.uigreat.com/group/8/thread/3126
二、字型與色彩計畫-【使用哪些字型與色彩,皆要標示出來】
三、系統圖標元件【UI KIT】-【展示所設計的所有ICON、組件元素】
四、功能圖【Functional Map】-將APP的功能架構圖,以文字階層圖展示
五、流程圖【Flow Charts】-如:會員、註冊、登入的流程圖
六、手繪草圖-要有文字說明畫面功能,可拍照/掃瞄記錄,多張呈現
七、線框圖【Wireframe】+頁面流程【UI Flow】- 畫面以基本的線條繪製,並將頁面之間的操作流程,製作動線
八、視覺圖稿【Mockup 】-結合色彩與圖像,製作「情境模擬圖MOCKUP」、「功能特色展示與操作說明文字」
九、標註與切圖-利用像素大廚,選幾個頁面來試範展示
十、互動原型圖【Prototype】-製作成會「動」的原型展示,如GIF、MP4格式


依30天每天的靈感和時間動態調整
不一定會有每一項資料看實際情況調整


系列文
從UI到UX到程式非典型工程師APP設計之路1
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言